<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="../css/swiper.min.css" />
    <link rel="stylesheet" href="../css/aos.css" />
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../css/mobile.css" />
    <link rel="stylesheet" href="../css/page/demo.css" />
    <title>测试页面</title>
  </head>

  <body>
    <!-- jq加载 -->
    <div class="top"></div>
    <div class="container">custom show</div>
    <!-- jq加载 -->
    <div class="footer"></div>
  </body>

  <script src="../js/flexible.js"></script>
  <script src="../js/jquery.min.js"></script>
  <script src="../js/aos.js"></script>
  <script src="../js/index.js"></script>
  <script>
    //在js中引入
    $(document).ready(function () {
      $('.top').load('top.html')
      $('.footer').load('footer.html')
    })
  </script>
</html>
